@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: #ffffff;
  --foreground: #000000;
  --background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 49%,
    rgba(0, 0, 0, 0.08) 49%,
    rgba(0, 0, 0, 0.08) 51%,
    rgba(0, 0, 0, 0) 51%,
    rgba(0, 0, 0, 0) 100%
  );
  --background-size: 30px 30px;
}

.dark {
  --background: #000000;
  --foreground: #ffffff;
  --background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 49%,
    rgba(255, 255, 255, 0.05) 49%,
    rgba(255, 255, 255, 0.05) 51%,
    rgba(255, 255, 255, 0) 51%,
    rgba(255, 255, 255, 0) 100%
  );
  --background-size: 30px 30px;
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: Arial, Helvetica, sans-serif;
}
